<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>全栈第二次阶段任务</title>
    <link rel="stylesheet" href="css/test2.css">
</head>
<body>
    <div class="page">
        <!-- 第一行 -->
        <div class="nav">
            <a href="#"><div class="left"></div></a>
            <div class="signup1">Sign Up</div>
            <a href="#"><div class="right"></div></a>
        </div>
        <!-- 第二行 -->
        <div class="photo">
            <a href="#"><img src="images/add.png" /></a>
            <div><p>PHOTO</p></div>
        </div>
        <!-- 第三行 -->
        <div class="list">
            <ul>
                <li>First Name<input type="text" /></li>
                <li>Last Name<input type="text" /></li>
                <li>Email Address<input type="text" /></li>
                <li class="password">
                    <span>Password<input type="password" /></span>
                    <a href="#">Show</a>
                </li>
            </ul>
        </div>
        <!-- 第四行 -->
        <div class="SignUp">
            <a href="#"><img src="images/SignUp.png" /></a>
        </div>
        <!-- 第五行 -->
        <div class="last">
            <p>Allready a member? <a href="#">Sign In</a></p>
        </div>
        
        <div class="star">*</div>
    </div>
</body>
</html>